<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>修改用户密码</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css"
	media="all">
<link rel="stylesheet" href="../css/public.css" media="all">
<style>
.layui-form-item .layui-input-company {
	width: auto;
	padding-right: 10px;
	line-height: 38px;
}
</style>
</head>
<body>
	<div class="layuimini-container">
		<div class="layuimini-main">

			<div class="layui-form layuimini-form">
				<div class="layui-form-item">
					<label class="layui-form-label">我的ID编号:</label>
					<div class="layui-input-inline" style="width: 350px;">
						<input type="text" name="userid" id="userid" class="layui-input"
							readonly="readonly">

					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">我的姓名:</label>
					<div class="layui-input-inline" style="width: 350px;">
						<input type="text" name="username" id="username" class="layui-input" 
						readonly="readonly">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label required">原密码:</label>
					<div class="layui-input-inline" style="width: 350px;">
						<input type="password" name="old_password" lay-verify="required"
							lay-reqtext="原密码不能为空" placeholder="请输入原密码" value=""
							class="layui-input">
							
						<tip>请填写自己账号的原密码!!!</tip>
					</div>
				</div>

				<div class="layui-form-item">
					<label class="layui-form-label required">新密码:</label>
					<div class="layui-input-inline" style="width: 350px;">
						<input type="password" name="new_password" 
							lay-reqtext="新密码不能为空" lay-verify="required|pass" placeholder="请输入新密码" value=""
							class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label required">确认新密码:</label>
					<div class="layui-input-inline" style="width: 350px;">
						<input type="password" name="again_password" 
							lay-reqtext="确认密码不能为空" lay-verify="required|pass" placeholder="请再次输入新密码" value=""
							class="layui-input">
					</div>
				</div>

				
				<div class="layui-btn-container" style="text-align: center;">
			<button class="layui-btn" lay-filter="saveBtn" lay-submit="">
				提交更改</button>
		</div>
			</div>
		</div>
	</div>
	<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
	<script src="../js/Global.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
	<script>
			layui.use(['form', 'miniTab'], function() {
				var form = layui.form,
					layer = layui.layer,
					miniTab = layui.miniTab,
					$ = layui.jquery;
				$("#username").val(globalData.getUserName());
				$("#userid").val(globalData.getUid());
				
				form.verify({
					username: function(value, item){ //value：表单的值、item：表单的DOM对象
					    if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
					      return '用户名不能有特殊字符';
					    }
					    if(/(^\_)|(\__)|(\_+$)/.test(value)){
					      return '用户名首尾不能出现下划线\'_\'';
					    }
					    if(/^\d+\d+\d$/.test(value)){
				      		return '用户名不能全为数字';
				    	}
				    
					    //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
					    if(value === 'name'||value === 'username'||value === 'sb'){
					      return '用户名不能为敏感词';
					    }
					  }
					  
					  //我们既支持上述函数式的方式，也支持下述数组的形式
					  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
					  ,pass: [
					    /^[\S]{6,12}$/
					    ,'密码必须6到12位，且不能出现空格'
					  ]
					});
				
				
				//监听提交
				form.on('submit(saveBtn)', function(data) {
					$.post(globalData.server + "public/changepassword", data.field, function(res) {
						if(res.count > 0) {
							layer.msg(res.msg, {
								icon: 1,
								time: 2000
							})
							setTimeout(function (){
								globalData.loginOut();
							}, 2100);
						} else {
							layer.msg(res.msg, {
								icon: 2,
								time: 3000
							})
						}
					}, "json");
					return false;
				});

			});
		</script>
</body>
</html>